<!DOCTYPE HTML>
<!-- 
    Copyright 2010 Digish Pandya <digish.pandya@gmail.com>

    This file is part of Banana-Merge a web based merging tool.
    Banana-Merge is free software: you can redistribute it and/or modify it under the
    terms of the GNU General Public License as published by the Free Software 
    Foundation, either version 3 of the License, or (at your option) any later 
    version. Banaa-Merge is distributed in the hope that it will be useful, 
    but WITHOUT ANY WARRANTY; without even the implied warranty of 
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General 
    Public License for more details.
    
    You should have received a copy of the GNU General Public License along 
    with Banana-Merge. If not, see http://www.gnu.org/licenses/.
-->
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Banana Merge</title>
  
  <script type="text/javascript" src="banana.js"></script>
  <link rel="stylesheet" href="reset.css">
  <link rel="stylesheet" href="banana.css">
</head>

<body>
  
  <!--
    <section>
      <browse_hidden >
          <input type="file" name="file_load" id="file_load_b" multiple="true" onchange="load()"            
             onmouseover='document.getElementById("browse_button").className = "button_hover";' 
             onMouseout='document.getElementById("browse_button").className = "button";' style="font-size:220%;"  />
      </browse_hidden>
      
      <browse_visible>
          <input type="button" id="browse_button" class="button" value=".Select."  />
      </browse_visible >
    </section>
  -->
    <section>
          <input type="file" name="file_load1" class="size3" id="file_load_b" onchange="load()" />
          <input type="file" name="file_load2" class="size3" id="file_load_b" onchange="load()" />
          <input type="file" name="file_load3" class="size3" id="file_load_b" onchange="load()" />
    </section>
   
    <section>
            <div id="progress_bar1" class= "hideme" ><div id="pgp1" class="percent ">Loaded 0%</div></div>
            <div id="progress_bar2" class= "hideme" ><div id="pgp2" class="percent ">Loaded 0%</div></div>
            <div id="progress_bar3" class= "hideme" ><div id="pgp3" class="percent ">Loaded 0%</div></div>
            <textarea id="editor0" class="editor size3"  wrap="off" onscroll="scrollsync_edit()" > </textarea>
            <textarea id="editor1" class="editor size3"  wrap="off" onscroll="scrollsync_edit()" > </textarea>
            <textarea id="editor2" class="editor size3"  wrap="off" onscroll="scrollsync_edit()" > </textarea>
            <canvas id="merge_can0" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>            
            <span   id="editor_pp0"   class="editor_pp"  wrap="off" onscroll="scrollsync_editpp(1)"  contentEditable="true"></span>
            <canvas id="merge_can1" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>            
            <span   id="editor_pp1"   class="editor_pp"  wrap="off" onscroll="scrollsync_editpp(2)"  contentEditable="true"></span>
            <canvas id="merge_can2" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>            
            <span   id="editor_pp2"   class="editor_pp"  wrap="off" onscroll="scrollsync_editpp(3)"  contentEditable="true"></span>
            <canvas id="merge_can3" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>            
    </section>
    <!--
    <section>
		<div id="tabarea" class="tabwidget">
		  <nav>
				<ul class="tabs">
					<li id="tabone"><a href="#tab1">merge</a></li>
				</ul>
			</nav>
			<div class="tab_container">
	  		<div id="tab1" class="tab_content">
					<ul>
            <div id="progress_bar1" class= "hideme" ><div id="pgp1" class="percent ">Loaded 0%</div></div>
            <div id="progress_bar2" class= "hideme" ><div id="pgp2" class="percent ">Loaded 0%</div></div>
            <div id="progress_bar3" class= "hideme" ><div id="pgp3" class="percent ">Loaded 0%</div></div>
            <textarea id="editor0" class="editor size3"  wrap="off" onscroll="scrollsync_edit()" > </textarea>
            <textarea id="editor1" class="editor size3"  wrap="off" onscroll="scrollsync_edit()" > </textarea>
            <textarea id="editor2" class="editor size3"  wrap="off" onscroll="scrollsync_edit()" > </textarea>
            <span   id="editor_pp0"   class="editor_pp"  wrap="off" onscroll="scrollsync_editpp(1)"  contentEditable="true"></span>
            <canvas id="merge_can0" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>            
            <span   id="editor_pp1"   class="editor_pp"  wrap="off" onscroll="scrollsync_editpp(2)"  contentEditable="true"></span>
            <canvas id="merge_can1" class="canvas_class zero_width" > HTML5 Canvas not supported on your browser try fire-fox latest.</canvas>            
            <span   id="editor_pp2"   class="editor_pp"  wrap="off" onscroll="scrollsync_editpp(3)"  contentEditable="true"></span>
					</ul>
			  </div>
			  <div id="tab2" class="tab_content">
	    		<ul>
			    </ul>
			  </div>
			</div>
		</div>
		</section>	
		 -->
    <footer>
    <div class="footer" >
    &nbsp;&nbsp;<a href="licence.txt">Banana Merge &copy; 2010 (Use Firefox only) </a> 
    &nbsp;&nbsp;<a href="http://code.google.com/p/banana-merge/">Code</a>
    
    </div>
    </footer>     
</body>
</html>